<template>
  <van-tabbar route>
    <van-tabbar-item
      v-for="(item, index) in linkArr"
      :key="index"
      replace
      :to="item.path"
      icon="home-o"
      >{{ item.name }}</van-tabbar-item
    >
  </van-tabbar>
</template>

<script>
import Vue from "vue";
import { Tabbar, TabbarItem } from "vant";

Vue.use(Tabbar);
Vue.use(TabbarItem);
export default {
  data() {
    return {
      linkArr: [
        {
          path: "/index/home",
          name: "首页",
          icon: "",
        },
        {
          path: "/index/classfly",
          name: "分类",
          icon: "",
        },
        {
          path: "/index/jd",
          name: "京东",
          icon: "",
        },
        {
          path: "/index/shop",
          name: "购物车",
          icon: "",
        },
        {
          path: "/index/mine",
          name: "我的",
          icon: "",
        },
      ],
    };
  },
};
</script>

<style>
</style>